<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    .avatar {
      border-radius: 4px;
      width: 250px;
      height: 250px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      overflow: hidden;
      box-sizing: border-box;
    }

    .img2 {
      width: 50%;
      height: 100%;
      box-sizing: border-box;
      object-fit: cover;
    }

    .divCol {
      width: 0;
      height: 100%;
      border: 1px solid #fff;
      box-sizing: border-box;
    }
  </style>
  <body>
    <div class="avatar">
      <img class="img2" src="https://ykj-open-api-test.diwork.com/iuap-apcom-file-obs/iuap-apcom-file/0/2023061310/8a61719c-ade8-4201-b0a9-65d0bfed5dab.png.thumb.jpg"    alt=""  />
      <div class="divCol"></div>
      <img class="img2" src="https://cdn.yonyoucloud.com/dev/yht/21844/232722/202007/29/15960076178b4a170bd8f07a02463f0d6931b8d5cf.jpg.thumb.jpg" alt="" />
    </div>
  </body>
</html>
